<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" template="#{desktopMBean.showTemplate}">
	<ui:define name="content">      <!-- Main hero unit for a primary marketing message or call to action -->
	  <div class="blockstyle">
		  <div class="logo-index">
		  	<p:graphicImage value="/resources/gfx/Picto_Bleu_Particulier_woupla.png" />
		  </div>
		  <div class="text">
			  <h2>Particuliers</h2>
				Vous en avez assez de passer votre temps au telephone pour prendre rendez-vous ?<br/>
				woupla.com vous donne acces au planning de nombreux professionnels.Ainsi en un clic, vous pouvez choisir le jour et l'heure de votre reservation.<br/><br/>
				Avec woupla.com, optimisez vos temps libres !
		 </div>
	  </div>
	  <div class="blockstyle">
		  <div class="logo-index">
		  	<p:graphicImage value="/resources/gfx/Picto_Bleu_Professionnel_woupla.png" />
		  </div>
		  <div class="text">
		  	<h2>Professionnels</h2>
				Rejoindre le reseau woupla.com, c'est vous permettre de gerer votre planing ou que vous soyez, sur votre ordinateur, votre tablette ou votre smartphone. Offrir un service innovant a vos clients.<br/><br/>
				woupla.com, c'est une mise a jour en temps reel de votre planning et donc ainsi permettre a votre clientele de prendre rendez-vous facilement.<br/><br/>
		  </div>
	  </div>
	  <div class="blockstyle new-inscript">
	  <h2>Nouveaux inscrits</h2>
	  <p:dataGrid var="companilist" value="#{indexMBean.findAllCompanies}" id="companies" columns="1" rows="3">
	  	    <p:panelGrid style="width:100%;">   
	  	    	<p:row>  
                	<p:column style="width:20%;"><h:outputText value="#{companilist.name}" /></p:column>
                	<p:column style="width:60%;">
                		<b><h:outputText value="#{companilist.name}" /></b><br/>   
                		#{companilist.adress.nomRue} #{companilist.adress.numRue} #{companilist.adress.city.label} #{companilist.adress.city.codePostal}  
                	</p:column>
                	<p:column style="width:20%;">
                		<p:commandLink action="pretty:view-company" process="@this" value="Voir +">
                			<f:setPropertyActionListener target="#{company.itemId}" value="#{companilist.id}" />
                		</p:commandLink>
                	</p:column> 
                </p:row>
            </p:panelGrid> 
	  </p:dataGrid>
	  </div>
	</ui:define>
</ui:composition>